<!DOCTYPE html>
<html ng-app="time">

<head>
    <title>Freelance Timer</title>
    <meta charset="utf-8" />
    <title>Transerfing Cards</title>
    <!-- CSS -->
    <!--<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.css" type="text/css">-->
    <link rel="stylesheet" type="text/css" href="css/semantic.min.css">
    <link rel="stylesheet" href="css/style.css" >

    <!-- JS -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.address/1.6/jquery.address.js"></script>
    <script src="javascript/semantic.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="http://code.angularjs.org/1.2.1/angular.min.js"></script>
    <script src="timer.js"></script>

</head>
<body ng-app>

<div ng-controller="Ctrl2">
    Date format: <input ng-model="format"> <hr/>
    Current time is: <span my-current-time="format"></span>
    <hr/>
    Blood 1 : <font my-current-time="format" color='red'>{{blood_1}}</font>
    Blood 2 : <font color='red'>{{blood_2}}</font>
    <button type="button" data-ng-click="fight()">Fight</button>
    <button type="button" data-ng-click="stopFight()">StopFight</button>
    <button type="button" data-ng-click="resetFight()">resetFight</button>
    <div>
        <span>{{countDown}}</span>

        <input type="button" value="{{ when( isPaused(), 'Resume', 'Pause')}}" ng-click="onToggleCounter()" >

    </div>
</div>


<div ng-controller="TodoCtrl">
    <span>{{remaining()}} of {{todos.length}} remaining</span>
    [ <a href="" ng-click="archive()">archive</a> ]
    <ul class="unstyled">
        <li ng-repeat="todo in todos">
            <input type="checkbox" ng-model="todo.done">
            <span class="done-{{todo.done}}">{{todo.text}}</span>
            <span class="done-{{todo.done}}">{{todo.percent}}</span>
            

        </li>
    </ul>
    <form ng-submit="addProject()">
        <input type="text" ng-model="todoText"  size="30"
               placeholder="Введите название проекта">
        <input type="text" ng-model="todoPercent"  size="5"
               placeholder="%">
        <input class="btn-primary" type="submit" value="add">
    </form>

</div>



<script>
    function startTimer() {
        $('timer')[0].start();
    }

    function stopTimer() {
        $('timer')[0].stop();
    }

    function startTimer1() {
        $('timer1')[0].start();
    }

    function stopTimer1() {
        $('timer1')[0].stop();
    }



</script>

<div>
<div ng-controller="MyAppController">
    <h2>JQuery - Timer Example</h2>
    <h3 ng-app="timer"><timer/></h3>
    <button onclick="startTimer()">Start Timer</button>
    <button onclick="stopTimer()">Stop Timer</button>
</div>
</div>

<br/>




</body>

</html>